
@charset "utf-8";
@import "pxvalue.less";
@import "font_common";
.fr {
    float: right;
     
}

.fl {
    float: left;
}
html,
			body {
                font-family: '微软雅黑';
				background-color: #fff;
			}
			ul, ol { list-style:none; } 
			body input[type='text'],ul,li{padding: 0;margin: 0;border: 0;}
			.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;}
			/*顶部*/
			.index_header{display: flex;align-items: center;justify-content: space-between;padding: 0.213rem 0.4rem;}
			.index_header .city{color: #353535;font-size: 0.37rem;display: flex;align-items: center;}
			.index_header .city i{font-size: 0.466rem;color: #3d3d3d;margin-left: 0.05rem;}
			.index_header .search{width: 6.76rem;height: 0.746rem;padding: 0 0.28rem;border: 1px solid #dedede; border-radius: 6rem;display: flex;align-items: center;}
			.index_header .search input{width: 5.33rem;height: auto;font-size: 0.32rem;border: 0;line-height: normal;}
			.index_header .search .mui-icon-search{font-size: 0.36rem;}
			/*轮播图*/
			#slider{height: 3.2rem;}
			/*导航*/
			.index_nav{padding: 0 0.4rem;}
			.index_nav ul li{width: 25%;text-align: center;float: left;}
			.index_nav ul li img{width: 1.17rem;height: 1.17rem;display: block;margin: 0.106rem auto;}
			.index_nav ul li span{color: #353535;font-size: 0.35rem;display: block;}
			/*公告*/
			.index_notice{padding: 0 0.4rem;display: flex;align-items: center;margin: 0.133rem 0;}
			.index_notice h4{font-size: 0.4rem;color: #353535;display: inline-block;margin: 0;}
			.index_notice span{font-size: 0.21rem;color: #ff0000;border: 1px solid #ff0000;border-radius: 0.15rem;display: inline-block;margin: 0;line-height: 1;padding: 1px 2px;margin: 0 0.106rem;}
			.index_notice p{width: 6.26rem;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0;}
			.index_notice i{font-size: 0.366rem;position: absolute;right: 0.4rem;color: #3d3d3d;}
			
			/*广告*/
			.index_avertisement .div1 ul{display: flex;justify-content: space-around;}
			.index_avertisement .div1 ul li{height: 3.306rem;}
			.index_avertisement .div1 .l1{background: #F0AD4E;margin: 0 1px;}
			.index_avertisement .div1 .l2{background: darkcyan;margin-right: 1px;}
			
			.index_avertisement .div2 ul{display: flex;justify-content: space-around;}
			.index_avertisement .div2 ul li{height: 3.306rem;margin-left: 1px;}
			.index_avertisement .div2 ul li:last-child{margin-right: 1px;}
			.index_avertisement .div2 .l1{background: #F0AD4E;}
			.index_avertisement .div2 .l2{background: darkcyan;}
			.index_avertisement .div2 .l3{background: saddlebrown;}
			
			/*商品*/
			.index_shop{margin-bottom: 50px;}
			.index_shop .title{width: 100%;height: 1rem;line-height: 1rem;text-align: center;color: #353535;display: flex;align-items: center;justify-content:center;}
			.index_shop .title img{display: block;width: 0.64rem;height: 0.466rem;}
			.index_shop .title p{margin: 0 0.266rem;font-size: 0.373rem;font-weight: bold;}
			.index_shop .con{}
			.index_shop .con li p{margin-bottom: 0;}
			.index_shop .con li{width: 4.906rem;height: 7.6rem;float: left;margin-bottom: 0.133rem;-webkit-box-shadow: #c3c3c3  0px 0px 10px;  
   -moz-box-shadow: #c3c3c3  0px 0px 10px;box-shadow: #c3c3c3  0px 0px 10px;}
			// .index_shop .con li:nth-last-child(odd){float: right;}
			.index_shop .con .img{width: 4.906rem;height: 4.906rem;}
			.index_shop .con .img img{width: 100%;height: 100%;display: block;}
			.index_shop .con .t{font-size: 0.373rem;color: #000204;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding: 0 0.266rem;margin-top: 0.426rem;}
			.index_shop .con .t2{padding: 0 0.266rem;display: flex;justify-content: space-between;line-height: 1.333rem;}
			.index_shop .con .t2 .l{color: #ff0000;font-size: 0.4rem;}
            .index_shop .con .t2 .r{font-size: 0.293rem;color: #888888;}
            .top_address{
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
                width: 2.1rem;
            }




.project{
    overflow: hidden;
    .p_title{
        height:0.667rem;
        padding: 0 0.4rem;
        line-height: 0.667rem;
        font-size: 0.32rem;
        color: #1c83fc;
        .p_title_en{
            font-size: 0.213rem;
            transform: scale(0.75);
            display: inline-block;
        }
    }
    .p_body{
        overflow: hidden;
        padding: 0.2rem 0.2rem;
        .fuli_item{
            position: relative;
            float: left;
            width: 350/75rem;
            height:162/75rem;
            background-color: #f1f1f1;
            border-radius: 5px;
            img{
                width: 100%;
                height: 100%;
            }
            .price_tag{
                position: absolute;
                right: 10/75rem;
                top: 45/75rem;
                width: 88/75rem;
                height: 88/75rem;
                border-radius: 50%;
                overflow: hidden;
                font-size: 21/75rem;
                line-height: 44/75rem;
                color: #fff;
                text-align: center;
                background-color: rgba(50, 142, 251, 0.8)
            }
            .price_tag div:nth-child(1){
                position: relative;
                top: 8/75rem;
            }
            .price_tag div:nth-child(2){
                position: relative;
                top: -8/75rem;
            }
            
        }
        .fuli_item_jp{
            width: 362/75rem;
            height: 214/75rem;
        }
        
    }
    .p_body_jp{
        padding: 10/75rem;
    }
    .p_body .fuli_item:first-child{
        margin-right: 15/75rem;
    }
    .p_body .fuli_item_jp:nth-child(odd){
        margin-right: 5/75rem;
        margin-bottom: 5/75rem;
    }
    .bottom_line{
        height: 2px;
        background-color: #eeeeee;
        .line_b{
            background-color: #9abfec;
            width: 250/75rem;
            height: 2px;
        }
    }
}

.hr_10{
    height: 0.133rem;background-color: #eeeeee;
}
.index_shop .con li{
    width: 352/75rem;
    height: 560/75rem;
}
.index_shop .con .img{
    width: 352/75rem;
    height: 352/75rem;
}
.index_shop{
    padding: 0 18/75rem;
    background-color: #eeeeee;
    padding-top: 12/75rem;
}
.index_shop .con li{
    background-color: #fff;
    margin-bottom: 13/75rem;
}
.index_shop .con li:nth-child(odd){
    margin-right: 10/75rem;
}
.index_shop .con .t2{
    line-height: 100/75rem;
    height: 100/75rem;
}
.index_shop .con .t2 .r{
    float: right;
    width: 64/75rem;
    height:64/75rem;
    margin-top: 18/75rem;
 
    img{
        width: 100%;
        height: 100%;
    }
}